<script lang="ts" setup>
import { toRefs } from 'vue';
const props = defineProps({
  color: {
    type: String,
    default: ''
  },
  size: {
    type: Number,
    default: 14
  },
})
const { color } = toRefs(props)
</script>
<template>
  <div class="icon icon-zan">
    <svg t="1654322405394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
      p-id="6308" :width="size" :height="size">
      <path
        d="M911.6 651.6l0 209.2c0 36-30.4 66.2-66.2 66.2l-699.6 1.2c-35.8 0-65-29.2-65-65.2l1.2-699.6c0-35.8 30.4-66.2 66.2-66.2l387 0L535.2 20.2 148.2 20.2c-81.8 0-143 82.8-143 156.8l0 686c0 77.6 63 140.8 140.8 140.8l686 0c82 0 156.6-68.2 156.6-143L988.6 651.6 911.6 651.6 911.6 651.6zM730.2 60.8l288.6 289.2L730.2 639l0-165.2c0 0-286.4-31.8-453.6 206.6 0 0 52.6-454.4 453.6-454.4L730.2 60.8 730.2 60.8z"
        :fill="color" p-id="6309"></path>
    </svg>
  </div>
</template>

<style scoped>
</style>